/*-------------------------
	Simple reset
--------------------------*/

*{
	margin:0;
	padding:0;
}


/*----------------------------
	Container & Tweets
-----------------------------*/


#favtweets{
	width: 280px;
	min-height: 100px;
	border: 1px solid #000;
	padding: 10px;
	margin:10px 0 0 10px;
}

ul.tweetFavList{
	margin:0 auto;
	width:280px;
	list-style:none;
}

ul.tweetFavList p{
	background-color: #363636;
	color: #FFFFFF;
	display: inline;
	line-height: 2.25;
	padding: 10px;
	font:15px/1.3 'Segoe UI',Arial, sans-serif;
}

/* Coloring the links differently */

ul.tweetFavList a.link		{ color:#9ACD32;}
ul.tweetFavList a.mention	{ color:#6fc6d9;}
ul.tweetFavList a.hash		{ color:#dd90e9;}

/* The sliced class is assigned by jQuery */

ul.tweetFavList p.sliced{
	background:none;
	display:block;
	padding:0;
	line-height:2;
}

/* Each div is a line generated by the splitLines plugin */

ul.tweetFavList li p div{
	background-color: #363636;
	box-shadow: 2px 2px 2px rgba(33, 33, 33, 0.5);
	display: inline-block;
	margin-bottom: 4px;
	padding: 0 5px;
	white-space: nowrap;
}

ul.tweetFavList .info{
	overflow: hidden;
	padding: 10px 0 5px;
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
}

/* The colorful info boxes */

ul.tweetFavList .user,
ul.tweetFavList .retweet,
ul.tweetFavList .date{
	float:left;
	padding:4px 8px;
	color:#fff !important;
	text-decoration:none;
	font-size:11px;
	box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.3);
}

ul.tweetFavList .user{
	background-color:#00ACED;
}

ul.tweetFavList .retweet{
	background-color:#CD5C5C;
	cursor:default;
}

ul.tweetFavList .date{
	background-color:#DAA520;
}

/* Styling the dotted divider */

ul.tweetFavList .divider,
ul.tweetFavList .divider:before,
ul.tweetFavList .divider:after{
	background-color: #777777;
	border-radius: 50% 50% 50% 50%;
	height: 5px;
	margin: 20px auto 25px;
	width: 5px;
	position:relative;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

ul.tweetFavList .divider:before,
ul.tweetFavList .divider:after{
	margin:0;
	position:absolute;
	content:'';
	top:0;
	left:-40px;
}

ul.tweetFavList .divider:after{
	left:auto;
	right:-40px;
}

ul.tweetFavList li:last-child .divider{
	display:none;
}
